<template>
	<div
		v-if="layoutOpts.selfLayout == 'FLEX'"
		:style="layout.rowStyle"
		class="app-row app-row--flex"
	>
		<slot></slot>
	</div>
	<a-row v-else class="app-row app-row--grid">
		<slot></slot>
	</a-row>
</template>
<script setup lang="ts">
import { useLayout } from '@/hooks/use-app';
import { rowProps } from './row';
const props = defineProps(rowProps);
// 使用布局逻辑获得响应式的layout对象
const layout = useLayout(toRef(props, 'layoutOpts'));
</script>
